آموزش پروژه های عملی با HTML، CSS و جاوا اسکریپت [ویدئو]

سرفصل ها و درس ها

مقدمه و تاسیسات ضروری Introduction and Essential Installations

• معرفی Introduction

• نصب VS Code و افزونه های آن Installing VS Code and Its Extensions

پروژه - گالری عکس Project - Photo Gallery

• پیش نمایش - گالری عکس Preview - Photo Gallery

• پیش نمایش - گالری عکس Preview - Photo Gallery

• HTML - گالری عکس HTML - Photo Gallery

• HTML - گالری عکس HTML - Photo Gallery

• CSS - گالری عکس CSS - Photo Gallery

• CSS - گالری عکس CSS - Photo Gallery

• جاوا اسکریپت - گالری عکس JavaScript - Photo Gallery

• جاوا اسکریپت - گالری عکس JavaScript - Photo Gallery

پروژه - دیکشنری انگلیسی Project - English Dictionary

پروژه - دیکشنری انگلیسی Project - English Dictionary

• پیش نمایش - فرهنگ لغت انگلیسی Preview - English Dictionary

• پیش نمایش - فرهنگ لغت انگلیسی Preview - English Dictionary

• HTML - فرهنگ لغت انگلیسی HTML - English Dictionary

• HTML - فرهنگ لغت انگلیسی HTML - English Dictionary

• CSS - فرهنگ لغت انگلیسی CSS - English Dictionary

• CSS - فرهنگ لغت انگلیسی CSS - English Dictionary

• جاوا اسکریپت - دیکشنری انگلیسی JavaScript - English Dictionary

• جاوا اسکریپت - دیکشنری انگلیسی JavaScript - English Dictionary

پروژه - برنامه یادداشت Project - Note App

پروژه - برنامه یادداشت Project - Note App

• پیش نمایش - برنامه یادداشت Preview - Note App

• پیش نمایش - برنامه یادداشت Preview - Note App

• HTML - برنامه یادداشت HTML - Note App

• HTML - برنامه یادداشت HTML - Note App

• CSS - برنامه یادداشت CSS - Note App

• CSS - برنامه یادداشت CSS - Note App

• جاوا اسکریپت - برنامه یادداشت JavaScript - Note App

• جاوا اسکریپت - برنامه یادداشت JavaScript - Note App

پروژه - ماشین حساب BMI Project - BMI Calculator

پروژه - ماشین حساب BMI Project - BMI Calculator

• پیش نمایش - ماشین حساب BMI Preview - BMI Calculator

• پیش نمایش - ماشین حساب BMI Preview - BMI Calculator

• HTML - ماشین حساب BMI HTML - BMI Calculator

• HTML - ماشین حساب BMI HTML - BMI Calculator

• CSS - ماشین حساب BMI CSS - BMI Calculator

• CSS - ماشین حساب BMI CSS - BMI Calculator

• جاوا اسکریپت - ماشین حساب BMI JavaScript - BMI Calculator

• جاوا اسکریپت - ماشین حساب BMI JavaScript - BMI Calculator

پروژه - تولید کننده نقل قول تصادفی Project - Random Quote Generator

پروژه - تولید کننده نقل قول تصادفی Project - Random Quote Generator

• پیش نمایش - تولید کننده نقل قول تصادفی Preview - Random Quote Generator

• پیش نمایش - تولید کننده نقل قول تصادفی Preview - Random Quote Generator

• HTML - مولد نقل قول تصادفی HTML - Random Quote Generator

• HTML - مولد نقل قول تصادفی HTML - Random Quote Generator

• CSS - تولید کننده نقل قول تصادفی CSS - Random Quote Generator

• CSS - تولید کننده نقل قول تصادفی CSS - Random Quote Generator

• جاوا اسکریپت - تولید کننده نقل قول تصادفی JavaScript - Random Quote Generator

• جاوا اسکریپت - تولید کننده نقل قول تصادفی JavaScript - Random Quote Generator

پروژه - مبدل دما Project - Temperature Converter

پروژه - مبدل دما Project - Temperature Converter

• پیش نمایش - مبدل دما Preview - Temperature Converter

• پیش نمایش - مبدل دما Preview - Temperature Converter

• HTML - مبدل دما HTML - Temperature Converter

• HTML - مبدل دما HTML - Temperature Converter

• CSS - مبدل دما CSS - Temperature Converter

• CSS - مبدل دما CSS - Temperature Converter

• جاوا اسکریپت - مبدل دما JavaScript - Temperature Converter

• جاوا اسکریپت - مبدل دما JavaScript - Temperature Converter

پروژه - مبدل ارز Project - Currency Converter

پروژه - مبدل ارز Project - Currency Converter

• پیش نمایش - مبدل ارز Preview - Currency Converter

• پیش نمایش - مبدل ارز Preview - Currency Converter

• HTML - مبدل ارز HTML - Currency Converter

• HTML - مبدل ارز HTML - Currency Converter

• CSS - مبدل ارز CSS - Currency Converter

• CSS - مبدل ارز CSS - Currency Converter

• جاوا اسکریپت - مبدل ارز JavaScript - Currency Converter

• جاوا اسکریپت - مبدل ارز JavaScript - Currency Converter

پروژه - ماشین حساب وام Project - Loan Calculator

پروژه - ماشین حساب وام Project - Loan Calculator

• پیش نمایش - ماشین حساب وام Preview - Loan Calculator

• پیش نمایش - ماشین حساب وام Preview - Loan Calculator

• HTML - ماشین حساب وام HTML - Loan Calculator

• HTML - ماشین حساب وام HTML - Loan Calculator

• CSS - ماشین حساب وام CSS - Loan Calculator

• CSS - ماشین حساب وام CSS - Loan Calculator

• جاوا اسکریپت - ماشین حساب وام JavaScript - Loan Calculator

• جاوا اسکریپت - ماشین حساب وام JavaScript - Loan Calculator

پروژه - ایموجی تصادفی Project - Random Emoji

پروژه - ایموجی تصادفی Project - Random Emoji

• پیش نمایش - ایموجی تصادفی Preview - Random Emoji

• پیش نمایش - ایموجی تصادفی Preview - Random Emoji

• HTML - ایموجی تصادفی HTML - Random Emoji

• HTML - ایموجی تصادفی HTML - Random Emoji

• CSS - ایموجی تصادفی CSS - Random Emoji

• CSS - ایموجی تصادفی CSS - Random Emoji

• جاوا اسکریپت - ایموجی تصادفی JavaScript - Random Emoji

• جاوا اسکریپت - ایموجی تصادفی JavaScript - Random Emoji

پروژه - تبدیل وزن Project - Weight Converter

پروژه - تبدیل وزن Project - Weight Converter

• پیش نمایش - تبدیل وزن Preview - Weight Converter

• پیش نمایش - تبدیل وزن Preview - Weight Converter

• HTML - تبدیل وزن HTML - Weight Converter

• HTML - تبدیل وزن HTML - Weight Converter

• CSS - تبدیل وزن CSS - Weight Converter

• CSS - تبدیل وزن CSS - Weight Converter

• جاوا اسکریپت - تبدیل وزن JavaScript - Weight Converter

• جاوا اسکریپت - تبدیل وزن JavaScript - Weight Converter

پروژه - رابط کاربری بازخورد Project - Feedback UI

پروژه - رابط کاربری بازخورد Project - Feedback UI

• پیش نمایش - رابط کاربری بازخورد Preview - Feedback UI

• پیش نمایش - رابط کاربری بازخورد Preview - Feedback UI

• HTML - رابط کاربری بازخورد HTML - Feedback UI

• HTML - رابط کاربری بازخورد HTML - Feedback UI

• CSS - رابط کاربری بازخورد CSS - Feedback UI

• CSS - رابط کاربری بازخورد CSS - Feedback UI

• جاوا اسکریپت - رابط کاربری بازخورد JavaScript - Feedback UI

• جاوا اسکریپت - رابط کاربری بازخورد JavaScript - Feedback UI

پروژه - افکت ریپل دکمه Project - Button Ripple Effect

پروژه - افکت ریپل دکمه Project - Button Ripple Effect

• پیش نمایش - جلوه امواج دکمه Preview - Button Ripple Effect

• پیش نمایش - جلوه امواج دکمه Preview - Button Ripple Effect

• HTML - افکت ریپل دکمه HTML - Button Ripple Effect

• HTML - افکت ریپل دکمه HTML - Button Ripple Effect

• CSS - افکت ریپل دکمه CSS - Button Ripple Effect

• CSS - افکت ریپل دکمه CSS - Button Ripple Effect

• جاوا اسکریپت - افکت ریپل دکمه JavaScript - Button Ripple Effect

• جاوا اسکریپت - افکت ریپل دکمه JavaScript - Button Ripple Effect

پروژه - ساعت دیجیتال Project - Digital Clock

پروژه - ساعت دیجیتال Project - Digital Clock

• پیش نمایش - ساعت دیجیتال Preview - Digital Clock

• پیش نمایش - ساعت دیجیتال Preview - Digital Clock

• HTML - ساعت دیجیتال HTML - Digital Clock

• HTML - ساعت دیجیتال HTML - Digital Clock

• CSS - ساعت دیجیتال CSS - Digital Clock

• CSS - ساعت دیجیتال CSS - Digital Clock

• جاوا اسکریپت - ساعت دیجیتال JavaScript - Digital Clock

• جاوا اسکریپت - ساعت دیجیتال JavaScript - Digital Clock

پروژه - گالری تصاویر چرخشی Project - Rotating Image Gallery

پروژه - گالری تصاویر چرخشی Project - Rotating Image Gallery

• پیش نمایش - گالری تصاویر در حال چرخش Preview - Rotating Image Gallery

• پیش نمایش - گالری تصاویر در حال چرخش Preview - Rotating Image Gallery

• HTML - گالری تصاویر در حال چرخش HTML - Rotating Image Gallery

• HTML - گالری تصاویر در حال چرخش HTML - Rotating Image Gallery

• CSS - گالری تصاویر در حال چرخش CSS - Rotating Image Gallery

• CSS - گالری تصاویر در حال چرخش CSS - Rotating Image Gallery

• جاوا اسکریپت - گالری تصاویر چرخشی JavaScript - Rotating Image Gallery

• جاوا اسکریپت - گالری تصاویر چرخشی JavaScript - Rotating Image Gallery

پروژه - ژنراتور رنگ تصادفی Project - Random Color Generator

پروژه - ژنراتور رنگ تصادفی Project - Random Color Generator

• پیش نمایش - مولد رنگ تصادفی Preview - Random Color Generator

• پیش نمایش - مولد رنگ تصادفی Preview - Random Color Generator

• HTML - مولد رنگ تصادفی HTML - Random Color Generator

• HTML - مولد رنگ تصادفی HTML - Random Color Generator

• CSS - مولد رنگ تصادفی CSS - Random Color Generator

• CSS - مولد رنگ تصادفی CSS - Random Color Generator

• جاوا اسکریپت - مولد رنگ تصادفی JavaScript - Random Color Generator

• جاوا اسکریپت - مولد رنگ تصادفی JavaScript - Random Color Generator

پروژه - شمارنده کاراکتر در زمان واقعی Project - Real-Time Character Counter

پروژه - شمارنده کاراکتر در زمان واقعی Project - Real-Time Character Counter

• پیش نمایش - شمارنده کاراکتر در زمان واقعی Preview - Real-Time Character Counter

• پیش نمایش - شمارنده کاراکتر در زمان واقعی Preview - Real-Time Character Counter

• HTML - شمارنده کاراکتر در زمان واقعی HTML - Real-Time Character Counter

• HTML - شمارنده کاراکتر در زمان واقعی HTML - Real-Time Character Counter

• CSS - شمارنده کاراکتر در زمان واقعی CSS - Real-Time Character Counter

• CSS - شمارنده کاراکتر در زمان واقعی CSS - Real-Time Character Counter

• جاوا اسکریپت - شمارنده کاراکتر در زمان واقعی JavaScript - Real-Time Character Counter

• جاوا اسکریپت - شمارنده کاراکتر در زمان واقعی JavaScript - Real-Time Character Counter

پروژه - آمار مشخصات Project - Profile Statistics

پروژه - آمار مشخصات Project - Profile Statistics

• پیش نمایش - آمار نمایه Preview - Profile Statistics

• پیش نمایش - آمار نمایه Preview - Profile Statistics

• HTML - آمار نمایه HTML - Profile Statistics

• HTML - آمار نمایه HTML - Profile Statistics

• CSS - آمار پروفایل CSS - Profile Statistics

• CSS - آمار پروفایل CSS - Profile Statistics

• جاوا اسکریپت - آمار نمایه JavaScript - Profile Statistics

• جاوا اسکریپت - آمار نمایه JavaScript - Profile Statistics

پروژه - انیمیشن دنباله قلب Project - Heart Trail Animation

پروژه - انیمیشن دنباله قلب Project - Heart Trail Animation

• پیش نمایش - انیمیشن دنباله قلب Preview - Heart Trail Animation

• پیش نمایش - انیمیشن دنباله قلب Preview - Heart Trail Animation

• HTML - انیمیشن دنباله قلب HTML - Heart Trail Animation

• HTML - انیمیشن دنباله قلب HTML - Heart Trail Animation

• CSS - انیمیشن دنباله قلب CSS - Heart Trail Animation

• CSS - انیمیشن دنباله قلب CSS - Heart Trail Animation

• جاوا اسکریپت - انیمیشن دنباله قلب JavaScript - Heart Trail Animation

• جاوا اسکریپت - انیمیشن دنباله قلب JavaScript - Heart Trail Animation

پروژه - مینی تقویم Project - Mini Calendar

پروژه - مینی تقویم Project - Mini Calendar

• پیش نمایش - مینی تقویم Preview - Mini Calendar

• پیش نمایش - مینی تقویم Preview - Mini Calendar

• HTML - مینی تقویم HTML - Mini Calendar

• HTML - مینی تقویم HTML - Mini Calendar

• CSS - تقویم کوچک CSS - Mini Calendar

• CSS - تقویم کوچک CSS - Mini Calendar

• جاوا اسکریپت - مینی تقویم JavaScript - Mini Calendar

• جاوا اسکریپت - مینی تقویم JavaScript - Mini Calendar

پروژه - نوار جستجوی متحرک Project - Animated Search Bar

پروژه - نوار جستجوی متحرک Project - Animated Search Bar

• پیش نمایش - نوار جستجوی متحرک Preview - Animated Search Bar

• پیش نمایش - نوار جستجوی متحرک Preview - Animated Search Bar

• HTML - نوار جستجوی متحرک HTML - Animated Search Bar

• HTML - نوار جستجوی متحرک HTML - Animated Search Bar

• CSS - نوار جستجوی متحرک CSS - Animated Search Bar

• CSS - نوار جستجوی متحرک CSS - Animated Search Bar

• جاوا اسکریپت - نوار جستجوی متحرک JavaScript - Animated Search Bar

• جاوا اسکریپت - نوار جستجوی متحرک JavaScript - Animated Search Bar

پروژه - منوی انتخابگر رسانه های اجتماعی Project - Social Media Selector Menu

پروژه - منوی انتخابگر رسانه های اجتماعی Project - Social Media Selector Menu

• پیش نمایش - منوی انتخابگر رسانه های اجتماعی Preview - Social Media Selector Menu

• پیش نمایش - منوی انتخابگر رسانه های اجتماعی Preview - Social Media Selector Menu

• HTML - منوی انتخاب رسانه های اجتماعی HTML - Social Media Selector Menu

• HTML - منوی انتخاب رسانه های اجتماعی HTML - Social Media Selector Menu

• CSS - منوی انتخاب رسانه های اجتماعی CSS - Social Media Selector Menu

• CSS - منوی انتخاب رسانه های اجتماعی CSS - Social Media Selector Menu

• جاوا اسکریپت - منوی انتخابگر رسانه های اجتماعی JavaScript - Social Media Selector Menu

• جاوا اسکریپت - منوی انتخابگر رسانه های اجتماعی JavaScript - Social Media Selector Menu

پروژه - تولید کننده رمزهای عبور تصادفی Project - Random Password Generator

پروژه - تولید کننده رمزهای عبور تصادفی Project - Random Password Generator

• پیش نمایش - تولید کننده رمزهای عبور تصادفی Preview - Random Password Generator

• پیش نمایش - تولید کننده رمزهای عبور تصادفی Preview - Random Password Generator

• HTML - تولید کننده رمز عبور تصادفی HTML - Random Password Generator

• HTML - تولید کننده رمز عبور تصادفی HTML - Random Password Generator

• CSS - تولید کننده رمز عبور تصادفی CSS - Random Password Generator

• CSS - تولید کننده رمز عبور تصادفی CSS - Random Password Generator

• جاوا اسکریپت - تولید کننده رمز عبور تصادفی JavaScript - Random Password Generator

• جاوا اسکریپت - تولید کننده رمز عبور تصادفی JavaScript - Random Password Generator

پروژه - اسلایدر گواهی Project - Testimonial Slider

پروژه - اسلایدر گواهی Project - Testimonial Slider

• پیش نمایش - اسلایدر گواهی Preview - Testimonial Slider

• پیش نمایش - اسلایدر گواهی Preview - Testimonial Slider

• HTML - اسلایدر گواهی HTML - Testimonial Slider

• HTML - اسلایدر گواهی HTML - Testimonial Slider

• CSS - اسلایدر گواهی CSS - Testimonial Slider

• CSS - اسلایدر گواهی CSS - Testimonial Slider

• جاوا اسکریپت - اسلایدر گواهی JavaScript - Testimonial Slider

• جاوا اسکریپت - اسلایدر گواهی JavaScript - Testimonial Slider

پروژه - شمارش معکوس سال نو Project - New Year Countdown

پروژه - شمارش معکوس سال نو Project - New Year Countdown

• پیش نمایش - شمارش معکوس سال نو Preview - New Year Countdown

• پیش نمایش - شمارش معکوس سال نو Preview - New Year Countdown

• HTML - شمارش معکوس سال نو HTML - New Year Countdown

• HTML - شمارش معکوس سال نو HTML - New Year Countdown

• CSS - شمارش معکوس سال نو CSS - New Year Countdown

• CSS - شمارش معکوس سال نو CSS - New Year Countdown

• جاوا اسکریپت - شمارش معکوس سال نو JavaScript - New Year Countdown

• جاوا اسکریپت - شمارش معکوس سال نو JavaScript - New Year Countdown

پروژه - رتبه بندی ایموجی Project - Emoji Rating

پروژه - رتبه بندی ایموجی Project - Emoji Rating

• پیش نمایش - رتبه بندی ایموجی Preview - Emoji Rating

• پیش نمایش - رتبه بندی ایموجی Preview - Emoji Rating

• HTML - رتبه بندی ایموجی HTML - Emoji Rating

• HTML - رتبه بندی ایموجی HTML - Emoji Rating

• CSS - رتبه بندی ایموجی CSS - Emoji Rating

• CSS - رتبه بندی ایموجی CSS - Emoji Rating

• جاوا اسکریپت - رتبه بندی ایموجی JavaScript - Emoji Rating

• جاوا اسکریپت - رتبه بندی ایموجی JavaScript - Emoji Rating

پروژه - نوار ناوبری چسبنده Project - Sticky Navbar

پروژه - نوار ناوبری چسبنده Project - Sticky Navbar

• پیش نمایش - نوار ناوبری چسبنده Preview - Sticky Navbar

• پیش نمایش - نوار ناوبری چسبنده Preview - Sticky Navbar

• HTML - نوار ناوبری چسبنده HTML - Sticky Navbar

• HTML - نوار ناوبری چسبنده HTML - Sticky Navbar

• CSS - نوار ناوبری چسبنده CSS - Sticky Navbar

• CSS - نوار ناوبری چسبنده CSS - Sticky Navbar

• جاوا اسکریپت - نوار ناوبری چسبنده JavaScript - Sticky Navbar

• جاوا اسکریپت - نوار ناوبری چسبنده JavaScript - Sticky Navbar

پروژه - صفحه فرود دوگانه Project - Double Landing Page

پروژه - صفحه فرود دوگانه Project - Double Landing Page

• پیش نمایش - صفحه فرود دوگانه Preview - Double Landing Page

• پیش نمایش - صفحه فرود دوگانه Preview - Double Landing Page

• HTML - صفحه فرود دوگانه HTML - Double Landing Page

• HTML - صفحه فرود دوگانه HTML - Double Landing Page

• CSS - صفحه فرود دوگانه CSS - Double Landing Page

• CSS - صفحه فرود دوگانه CSS - Double Landing Page

• جاوا اسکریپت - صفحه فرود دوگانه JavaScript - Double Landing Page

• جاوا اسکریپت - صفحه فرود دوگانه JavaScript - Double Landing Page

پروژه - انیمیشن افکت متن خودکار Project - Auto Text Effect Animation

پروژه - انیمیشن افکت متن خودکار Project - Auto Text Effect Animation

• پیش نمایش - انیمیشن جلوه خودکار متن Preview - Auto Text Effect Animation

• پیش نمایش - انیمیشن جلوه خودکار متن Preview - Auto Text Effect Animation

• HTML - خودکار جلوه متن انیمیشن HTML - Auto Text Effect Animation

• HTML - خودکار جلوه متن انیمیشن HTML - Auto Text Effect Animation

• CSS - انیمیشن جلوه خودکار متن CSS - Auto Text Effect Animation

• CSS - انیمیشن جلوه خودکار متن CSS - Auto Text Effect Animation

• جاوا اسکریپت - انیمیشن جلوه خودکار متن JavaScript - Auto Text Effect Animation

• جاوا اسکریپت - انیمیشن جلوه خودکار متن JavaScript - Auto Text Effect Animation

پروژه - جلوه اسکرول تصویر پس زمینه Project - Background Image Scroll Effect

پروژه - جلوه اسکرول تصویر پس زمینه Project - Background Image Scroll Effect

• پیش نمایش - جلوه اسکرول تصویر پس زمینه Preview - Background Image Scroll Effect

• پیش نمایش - جلوه اسکرول تصویر پس زمینه Preview - Background Image Scroll Effect

• HTML - جلوه اسکرول تصویر پس زمینه HTML - Background Image Scroll Effect

• HTML - جلوه اسکرول تصویر پس زمینه HTML - Background Image Scroll Effect

• CSS - جلوه اسکرول تصویر پس زمینه CSS - Background Image Scroll Effect

• CSS - جلوه اسکرول تصویر پس زمینه CSS - Background Image Scroll Effect

• جاوا اسکریپت - جلوه اسکرول تصویر پس زمینه JavaScript - Background Image Scroll Effect

• جاوا اسکریپت - جلوه اسکرول تصویر پس زمینه JavaScript - Background Image Scroll Effect

پروژه - بازشو پس زمینه تار Project - Blurred Background Popup

پروژه - بازشو پس زمینه تار Project - Blurred Background Popup

• پیش نمایش - بازشو پس زمینه تار Preview - Blurred Background Popup

• پیش نمایش - بازشو پس زمینه تار Preview - Blurred Background Popup

• HTML - بازشو پس زمینه تار HTML - Blurred Background Popup

• HTML - بازشو پس زمینه تار HTML - Blurred Background Popup

• CSS - بازشو پس زمینه تار CSS - Blurred Background Popup

• CSS - بازشو پس زمینه تار CSS - Blurred Background Popup

• جاوا اسکریپت - بازشو پس زمینه تار JavaScript - Blurred Background Popup

• جاوا اسکریپت - بازشو پس زمینه تار JavaScript - Blurred Background Popup

پروژه - تغییر حالت تاریک Project - Dark Mode Toggle

پروژه - تغییر حالت تاریک Project - Dark Mode Toggle

• پیش نمایش - تغییر حالت تاریک Preview - Dark Mode Toggle

• پیش نمایش - تغییر حالت تاریک Preview - Dark Mode Toggle

• HTML - تغییر حالت تاریک HTML - Dark Mode Toggle

• HTML - تغییر حالت تاریک HTML - Dark Mode Toggle

• CSS - تغییر حالت تاریک CSS - Dark Mode Toggle

• CSS - تغییر حالت تاریک CSS - Dark Mode Toggle

• جاوا اسکریپت - تغییر حالت تاریک JavaScript - Dark Mode Toggle

• جاوا اسکریپت - تغییر حالت تاریک JavaScript - Dark Mode Toggle

پروژه - کیت درام Project - Drum Kits

پروژه - کیت درام Project - Drum Kits

• پیش نمایش - کیت درام Preview - Drum Kits

• پیش نمایش - کیت درام Preview - Drum Kits

• HTML - درام کیت HTML - Drum Kits

• HTML - درام کیت HTML - Drum Kits

• CSS - درام کیت CSS - Drum Kits

• CSS - درام کیت CSS - Drum Kits

• جاوا اسکریپت - درام کیت JavaScript - Drum Kits

• جاوا اسکریپت - درام کیت JavaScript - Drum Kits

پروژه - فهرست کارها Project - To Do List

پروژه - فهرست کارها Project - To Do List

• پیش نمایش - فهرست کارها Preview - To Do List

• پیش نمایش - فهرست کارها Preview - To Do List

• HTML - فهرست کارها HTML - To Do List

• HTML - فهرست کارها HTML - To Do List

• CSS - لیست کارها CSS - To Do List

• CSS - لیست کارها CSS - To Do List

• جاوا اسکریپت - فهرست کارها JavaScript - To Do List

• جاوا اسکریپت - فهرست کارها JavaScript - To Do List

پروژه - عکس های تصادفی Project - Random Photos

پروژه - عکس های تصادفی Project - Random Photos

• پیش نمایش - عکس های تصادفی Preview - Random Photos

• پیش نمایش - عکس های تصادفی Preview - Random Photos

• HTML - عکس های تصادفی HTML - Random Photos

• HTML - عکس های تصادفی HTML - Random Photos

• CSS - عکس های تصادفی CSS - Random Photos

• CSS - عکس های تصادفی CSS - Random Photos

• جاوا اسکریپت - عکس های تصادفی JavaScript - Random Photos

• جاوا اسکریپت - عکس های تصادفی JavaScript - Random Photos

پروژه - برنامه ضرب Project - Multiplication App

پروژه - برنامه ضرب Project - Multiplication App

• پیش نمایش - برنامه ضرب Preview - Multiplication App

• پیش نمایش - برنامه ضرب Preview - Multiplication App

• HTML - برنامه ضرب HTML - Multiplication App

• HTML - برنامه ضرب HTML - Multiplication App

• CSS - برنامه ضرب CSS - Multiplication App

• CSS - برنامه ضرب CSS - Multiplication App

• جاوا اسکریپت - برنامه ضرب JavaScript - Multiplication App

• جاوا اسکریپت - برنامه ضرب JavaScript - Multiplication App

پروژه - نوار پیشرفت مرحله Project - Step Progress Bar

پروژه - نوار پیشرفت مرحله Project - Step Progress Bar

• پیش نمایش - نوار پیشرفت مرحله Preview - Step Progress Bar

• پیش نمایش - نوار پیشرفت مرحله Preview - Step Progress Bar

• HTML - نوار پیشرفت مرحله HTML - Step Progress Bar

• HTML - نوار پیشرفت مرحله HTML - Step Progress Bar

• CSS - نوار پیشرفت مرحله CSS - Step Progress Bar

• CSS - نوار پیشرفت مرحله CSS - Step Progress Bar

• جاوا اسکریپت - نوار پیشرفت مرحله JavaScript - Step Progress Bar

• جاوا اسکریپت - نوار پیشرفت مرحله JavaScript - Step Progress Bar

پروژه - رویداد موش Project - Mouse Event

پروژه - رویداد موش Project - Mouse Event

• پیش نمایش - رویداد ماوس Preview - Mouse Event

• پیش نمایش - رویداد ماوس Preview - Mouse Event

• HTML - رویداد ماوس HTML - Mouse Event

• HTML - رویداد ماوس HTML - Mouse Event

• CSS - رویداد ماوس CSS - Mouse Event

• CSS - رویداد ماوس CSS - Mouse Event

• جاوا اسکریپت - رویداد ماوس JavaScript - Mouse Event

• جاوا اسکریپت - رویداد ماوس JavaScript - Mouse Event

پروژه - بارگذاری نوار Project - Loading Bar

پروژه - بارگذاری نوار Project - Loading Bar

• پیش نمایش - نوار بارگیری Preview - Loading Bar

• پیش نمایش - نوار بارگیری Preview - Loading Bar

• HTML - نوار بارگذاری HTML - Loading Bar

• HTML - نوار بارگذاری HTML - Loading Bar

• CSS - نوار بارگذاری CSS - Loading Bar

• CSS - نوار بارگذاری CSS - Loading Bar

• جاوا اسکریپت - نوار بارگذاری JavaScript - Loading Bar

• جاوا اسکریپت - نوار بارگذاری JavaScript - Loading Bar

پروژه - اسلایدر تصویر Project - Image Slider

پروژه - اسلایدر تصویر Project - Image Slider

• پیش نمایش - لغزنده تصویر Preview - Image Slider

• پیش نمایش - لغزنده تصویر Preview - Image Slider

• HTML - لغزنده تصویر HTML - Image Slider

• HTML - لغزنده تصویر HTML - Image Slider

• CSS - لغزنده تصویر CSS - Image Slider

• CSS - لغزنده تصویر CSS - Image Slider

• جاوا اسکریپت - لغزنده تصویر JavaScript - Image Slider

• جاوا اسکریپت - لغزنده تصویر JavaScript - Image Slider

پروژه - بازشو تریلر ویدیویی Project - Video Trailer Popup

پروژه - بازشو تریلر ویدیویی Project - Video Trailer Popup

• پیش نمایش - بازشو تریلر ویدیو Preview - Video Trailer Popup

• پیش نمایش - بازشو تریلر ویدیو Preview - Video Trailer Popup

• HTML - بازشو تریلر ویدیو HTML - Video Trailer Popup

• HTML - بازشو تریلر ویدیو HTML - Video Trailer Popup

• CSS - بازشو تریلر ویدیو CSS - Video Trailer Popup

• CSS - بازشو تریلر ویدیو CSS - Video Trailer Popup

• جاوا اسکریپت - بازشو تریلر ویدیو JavaScript - Video Trailer Popup

• جاوا اسکریپت - بازشو تریلر ویدیو JavaScript - Video Trailer Popup

پروژه - ساعت Project - Clock

پروژه - ساعت Project - Clock

• پیش نمایش - ساعت Preview - Clock

• پیش نمایش - ساعت Preview - Clock

• HTML - ساعت HTML - Clock

• HTML - ساعت HTML - Clock

• CSS - ساعت CSS - Clock

• CSS - ساعت CSS - Clock

• جاوا اسکریپت - ساعت JavaScript - Clock

• جاوا اسکریپت - ساعت JavaScript - Clock

پروژه - تقویم ماه Project - Month Calendar

پروژه - تقویم ماه Project - Month Calendar

• پیش نمایش - تقویم ماه Preview - Month Calendar

• پیش نمایش - تقویم ماه Preview - Month Calendar

• HTML - تقویم ماه HTML - Month Calendar

• HTML - تقویم ماه HTML - Month Calendar

• CSS - تقویم ماه CSS - Month Calendar

• CSS - تقویم ماه CSS - Month Calendar

• جاوا اسکریپت - تقویم ماه JavaScript - Month Calendar

• جاوا اسکریپت - تقویم ماه JavaScript - Month Calendar

پروژه - شمارنده Project - Counter

پروژه - شمارنده Project - Counter

• پیش نمایش - شمارنده Preview - Counter

• پیش نمایش - شمارنده Preview - Counter

• HTML - شمارنده HTML - Counter

• HTML - شمارنده HTML - Counter

• CSS - شمارنده CSS - Counter

• CSS - شمارنده CSS - Counter

• بوت استرپ - شمارنده Bootstrap - Counter

• بوت استرپ - شمارنده Bootstrap - Counter

• فونت عالی - شمارنده Font Awesome - Counter

• فونت عالی - شمارنده Font Awesome - Counter

• جاوا اسکریپت - شمارنده JavaScript - Counter

• جاوا اسکریپت - شمارنده JavaScript - Counter

• روش addEventListener - شمارنده addEventListener Method - Counter

• روش addEventListener - شمارنده addEventListener Method - Counter

• افزودن رنگ به عدد - شمارنده Adding Color to the Number - Counter

• افزودن رنگ به عدد - شمارنده Adding Color to the Number - Counter

پروژه - بخش پرسش و پاسخ Project - Q&A Section

پروژه - بخش پرسش و پاسخ Project - Q&A Section

• پیش نمایش - بخش پرسش و پاسخ Preview - Q&A Section

• پیش نمایش - بخش پرسش و پاسخ Preview - Q&A Section

• HTML وب سایت را شروع کنید - بخش پرسش و پاسخ Start the HTML of the Website - Q&A Section

• HTML وب سایت را شروع کنید - بخش پرسش و پاسخ Start the HTML of the Website - Q&A Section

• استفاده از فونت عالی برای افزودن نمادهای مثبت و منفی به وب سایت ما - بخش پرسش و پاسخ Using Font Awesome for Adding Plus and Minus Icons to Our Website - Q&A Section

• استفاده از فونت عالی برای افزودن نمادهای مثبت و منفی به وب سایت ما - بخش پرسش و پاسخ Using Font Awesome for Adding Plus and Minus Icons to Our Website - Q&A Section

• استفاده از CSS برای استایل دادن به عنوان، دکمه و بخش پاسخ - پرسش و پاسخ Using CSS to Style the Title, Button, and the Answer - Q&A Section

• استفاده از CSS برای استایل دادن به عنوان، دکمه و بخش پاسخ - پرسش و پاسخ Using CSS to Style the Title, Button, and the Answer - Q&A Section

• شروع به استفاده از جاوا اسکریپت برای جابجایی بین کلاس ها - بخش پرسش و پاسخ Start Using JavaScript for Toggling Between Classes - Q&A Section

• شروع به استفاده از جاوا اسکریپت برای جابجایی بین کلاس ها - بخش پرسش و پاسخ Start Using JavaScript for Toggling Between Classes - Q&A Section

پروژه - زبانه ها Project - Tabs

پروژه - زبانه ها Project - Tabs

• پیش نمایش - بخش برگه ها Preview - Tabs Section

• پیش نمایش - بخش برگه ها Preview - Tabs Section

• تکمیل قسمت HTML - Tabs Completing the HTML Part - Tabs

• تکمیل قسمت HTML - Tabs Completing the HTML Part - Tabs

• طراحی وب سایت با استفاده از CSS - Tabs Styling the Website Using CSS - Tabs

• طراحی وب سایت با استفاده از CSS - Tabs Styling the Website Using CSS - Tabs

• افزودن قابلیت به وب سایت با استفاده از جاوا اسکریپت - Tabs Adding Functionality to the Website Using JavaScript - Tabs

• افزودن قابلیت به وب سایت با استفاده از جاوا اسکریپت - Tabs Adding Functionality to the Website Using JavaScript - Tabs

پروژه - فیلم پس زمینه Project - Background Video

پروژه - فیلم پس زمینه Project - Background Video

• پیش نمایش - پس زمینه ویدیو Preview - Background Video

• پیش نمایش - پس زمینه ویدیو Preview - Background Video

• شروع پروژه (HTML) - ویدیوی پس زمینه Start the Project (HTML) - Background Video

• شروع پروژه (HTML) - ویدیوی پس زمینه Start the Project (HTML) - Background Video

• استایل CSS، بوت استرپ و فونت عالی - ویدیوی پس زمینه CSS Styling, Bootstrap, and Font Awesome - Background Video

• استایل CSS، بوت استرپ و فونت عالی - ویدیوی پس زمینه CSS Styling, Bootstrap, and Font Awesome - Background Video

• افزودن عملکرد با استفاده از جاوا اسکریپت - ویدیوی پس زمینه Adding Functionality Using JavaScript - Background Video

• افزودن عملکرد با استفاده از جاوا اسکریپت - ویدیوی پس زمینه Adding Functionality Using JavaScript - Background Video

• اضافه کردن یک پیش بارگذاری - ویدئو پس زمینه Adding a Preloader - Background Video

• اضافه کردن یک پیش بارگذاری - ویدئو پس زمینه Adding a Preloader - Background Video

پروژه - منوی نوار کناری Project - Sidebar Menu

پروژه - منوی نوار کناری Project - Sidebar Menu

• پیش نمایش - منوی نوار کناری Preview - Sidebar Menu

• پیش نمایش - منوی نوار کناری Preview - Sidebar Menu

• ایجاد لوگوی وب سایت - منوی نوار کناری Creating the Logo of the Website - Sidebar Menu

• ایجاد لوگوی وب سایت - منوی نوار کناری Creating the Logo of the Website - Sidebar Menu

• اضافه کردن لوگو و منو به وب سایت ما با استفاده از HTML Adding the Logo and Menu to Our Website Using HTML

• اضافه کردن لوگو و منو به وب سایت ما با استفاده از HTML Adding the Logo and Menu to Our Website Using HTML

• حالت دادن به منو با استفاده از CSS و اضافه کردن نوار کناری Styling the Menu Using CSS and Adding the Sidebar

• حالت دادن به منو با استفاده از CSS و اضافه کردن نوار کناری Styling the Menu Using CSS and Adding the Sidebar

• استفاده از Font Awesome برای افزودن دکمه بسته شدن و نمادهای نوارها Using Font Awesome to Add Closing Button and Bars Icons

• استفاده از Font Awesome برای افزودن دکمه بسته شدن و نمادهای نوارها Using Font Awesome to Add Closing Button and Bars Icons

• حالت دادن به دکمه های بستن و میله ها با استفاده از CSS Styling the Closing and Bars Buttons Using CSS

• حالت دادن به دکمه های بستن و میله ها با استفاده از CSS Styling the Closing and Bars Buttons Using CSS

• استفاده از جاوا اسکریپت برای افزودن و حذف نوار کناری Using JavaScript to Add and Remove the Sidebar

• استفاده از جاوا اسکریپت برای افزودن و حذف نوار کناری Using JavaScript to Add and Remove the Sidebar

پروژه - منوی نوار ناوبری Project - Navbar Menu

پروژه - منوی نوار ناوبری Project - Navbar Menu

• پیش نمایش - منوی نوار ناوبری Preview - Navbar Menu

• پیش نمایش - منوی نوار ناوبری Preview - Navbar Menu

• ایجاد لوگوی وب سایت Creating the Logo of the Website

• ایجاد لوگوی وب سایت Creating the Logo of the Website

• ایجاد منو با استفاده از HTML Create the Menu Using HTML

• ایجاد منو با استفاده از HTML Create the Menu Using HTML

• آموزش استفاده از Font Awesome Learning How to Use Font Awesome

• آموزش استفاده از Font Awesome Learning How to Use Font Awesome

• طراحی وب سایت خود را با استفاده از CSS شروع کنید Start Styling Our Website Using CSS

• طراحی وب سایت خود را با استفاده از CSS شروع کنید Start Styling Our Website Using CSS

• سبک دادن به میله ها Styling the Bars

• سبک دادن به میله ها Styling the Bars

• سبک دادن به منو Styling the Menu

• سبک دادن به منو Styling the Menu

• افزودن و حذف کلاس ها با استفاده از جاوا اسکریپت Add and Remove Classes Using JavaScript

• افزودن و حذف کلاس ها با استفاده از جاوا اسکریپت Add and Remove Classes Using JavaScript

پروژه - ماشین حساب سن Project – Age Calculator

پروژه - ماشین حساب سن Project – Age Calculator

• پیش نمایش - ماشین حساب سن Preview - Age Calculator

• پیش نمایش - ماشین حساب سن Preview - Age Calculator

• HTML - ماشین حساب سن HTML - Age Calculator

• HTML - ماشین حساب سن HTML - Age Calculator

• CSS - ماشین حساب سن CSS - Age Calculator

• CSS - ماشین حساب سن CSS - Age Calculator

• جاوا اسکریپت - ماشین حساب سن JavaScript - Age Calculator

• جاوا اسکریپت - ماشین حساب سن JavaScript - Age Calculator

پروژه - ماشین حساب نکته Project - Tip Calculator

پروژه - ماشین حساب نکته Project - Tip Calculator

• پیش نمایش - ماشین حساب نکته Preview - Tip Calculator

• پیش نمایش - ماشین حساب نکته Preview - Tip Calculator

• HTML - ماشین حساب نکته HTML - Tip Calculator

• HTML - ماشین حساب نکته HTML - Tip Calculator

• CSS - ماشین حساب نکته CSS - Tip Calculator

• CSS - ماشین حساب نکته CSS - Tip Calculator

• جاوا اسکریپت - ماشین حساب نکته JavaScript - Tip Calculator

• جاوا اسکریپت - ماشین حساب نکته JavaScript - Tip Calculator

پروژه - برنامه کتاب دستور غذا Project - Recipe Book App

پروژه - برنامه کتاب دستور غذا Project - Recipe Book App

• پیش نمایش - برنامه کتاب دستور غذا Preview - Recipe Book App

• پیش نمایش - برنامه کتاب دستور غذا Preview - Recipe Book App

• HTML - برنامه کتاب دستور غذا HTML - Recipe Book App

• HTML - برنامه کتاب دستور غذا HTML - Recipe Book App

• CSS - برنامه کتاب دستور غذا CSS - Recipe Book App

• CSS - برنامه کتاب دستور غذا CSS - Recipe Book App

• جاوا اسکریپت - برنامه کتاب دستور غذا JavaScript - Recipe Book App

• جاوا اسکریپت - برنامه کتاب دستور غذا JavaScript - Recipe Book App

پروژه - شبیه ساز تاس رول Project - Dice Roll Simulator

پروژه - شبیه ساز تاس رول Project - Dice Roll Simulator

• پیش نمایش - شبیه ساز تاس ریختن Preview - Dice Roll Simulator

• پیش نمایش - شبیه ساز تاس ریختن Preview - Dice Roll Simulator

• HTML - شبیه ساز تاس ریختن HTML - Dice Roll Simulator

• HTML - شبیه ساز تاس ریختن HTML - Dice Roll Simulator

• CSS - شبیه ساز تاس ریختن CSS - Dice Roll Simulator

• CSS - شبیه ساز تاس ریختن CSS - Dice Roll Simulator

• جاوا اسکریپت - شبیه ساز تاس ریختن JavaScript - Dice Roll Simulator

• جاوا اسکریپت - شبیه ساز تاس ریختن JavaScript - Dice Roll Simulator

پروژه - تایمر پومودورو Project - Pomodoro Timer

پروژه - تایمر پومودورو Project - Pomodoro Timer

• پیش نمایش - Pomodoro Timer Preview - Pomodoro Timer

• پیش نمایش - Pomodoro Timer Preview - Pomodoro Timer

• HTML - تایمر Pomodoro HTML - Pomodoro Timer

• HTML - تایمر Pomodoro HTML - Pomodoro Timer

• CSS - Pomodoro Timer CSS - Pomodoro Timer

• CSS - Pomodoro Timer CSS - Pomodoro Timer

• جاوا اسکریپت - تایمر Pomodoro JavaScript - Pomodoro Timer

• جاوا اسکریپت - تایمر Pomodoro JavaScript - Pomodoro Timer

پروژه - بازی قیچی کاغذ سنگ Project - Rock Paper Scissors Game

پروژه - بازی قیچی کاغذ سنگ Project - Rock Paper Scissors Game

• پیش نمایش - بازی سنگ کاغذ قیچی Preview - Rock Paper Scissors Game

• پیش نمایش - بازی سنگ کاغذ قیچی Preview - Rock Paper Scissors Game

• HTML - بازی سنگ کاغذ قیچی HTML - Rock Paper Scissors Game

• HTML - بازی سنگ کاغذ قیچی HTML - Rock Paper Scissors Game

• CSS - بازی سنگ کاغذ قیچی CSS - Rock Paper Scissors Game

• CSS - بازی سنگ کاغذ قیچی CSS - Rock Paper Scissors Game

• جاوا اسکریپت - بازی سنگ کاغذ قیچی JavaScript - Rock Paper Scissors Game

• جاوا اسکریپت - بازی سنگ کاغذ قیچی JavaScript - Rock Paper Scissors Game

پروژه - کرونومتر Project - Stopwatch

پروژه - کرونومتر Project - Stopwatch

• پیش نمایش - کرونومتر Preview - Stopwatch

• پیش نمایش - کرونومتر Preview - Stopwatch

• HTML - کرونومتر HTML - Stopwatch

• HTML - کرونومتر HTML - Stopwatch

• CSS - کرونومتر CSS - Stopwatch

• CSS - کرونومتر CSS - Stopwatch

• جاوا اسکریپت - کرونومتر JavaScript - Stopwatch

• جاوا اسکریپت - کرونومتر JavaScript - Stopwatch

پروژه - برنامه آب و هوا Project - Weather App

پروژه - برنامه آب و هوا Project - Weather App

• پیش نمایش - برنامه آب و هوا Preview - Weather App

• پیش نمایش - برنامه آب و هوا Preview - Weather App

• HTML - برنامه آب و هوا HTML - Weather App

• HTML - برنامه آب و هوا HTML - Weather App

• CSS - برنامه آب و هوا CSS - Weather App

• CSS - برنامه آب و هوا CSS - Weather App

• جاوا اسکریپت - برنامه آب و هوا JavaScript - Weather App

• جاوا اسکریپت - برنامه آب و هوا JavaScript - Weather App

پروژه - برنامه جستجوی تصویر Project - Image Search App

پروژه - برنامه جستجوی تصویر Project - Image Search App

• پیش نمایش - برنامه جستجوی تصویر Preview - Image Search App

• پیش نمایش - برنامه جستجوی تصویر Preview - Image Search App

• HTML - برنامه جستجوی تصویر HTML - Image Search App

• HTML - برنامه جستجوی تصویر HTML - Image Search App

• CSS - برنامه جستجوی تصویر CSS - Image Search App

• CSS - برنامه جستجوی تصویر CSS - Image Search App

• جاوا اسکریپت - برنامه جستجوی تصویر JavaScript - Image Search App

• جاوا اسکریپت - برنامه جستجوی تصویر JavaScript - Image Search App

پروژه - ماشین حساب پایه Project - Basic Calculator

پروژه - ماشین حساب پایه Project - Basic Calculator

• پیش نمایش - ماشین حساب پایه Preview - Basic Calculator

• پیش نمایش - ماشین حساب پایه Preview - Basic Calculator

• HTML - ماشین حساب پایه HTML - Basic Calculator

• HTML - ماشین حساب پایه HTML - Basic Calculator

• CSS - ماشین حساب پایه CSS - Basic Calculator

• CSS - ماشین حساب پایه CSS - Basic Calculator

• جاوا اسکریپت - ماشین حساب پایه JavaScript - Basic Calculator

• جاوا اسکریپت - ماشین حساب پایه JavaScript - Basic Calculator